/*通用颜色*/
.cred{color:#FF5722}
.cgreen{color:#009688}
.cgreen2{color:#5FB878}
.cblue{color:#1E9FFF}
.cblue2{color:#01AAED}
.corange{color:#FFB800}
.ceee{color: #eee}
.c333{color: #333}
.c666{color: #666}
.c999{color: #999}
.cgrey{color: #e8e8e8}


/*间距*/
.mal5{margin-left: 5px}
.mal10{margin-left: 10px}
.mal15{margin-left: 15px}
.mat5{margin-top: 5px}
.mat10{margin-top: 10px}
.mat15{margin-top: 15px}
.mar5{margin-right: 5px}
.mar10{margin-right: 10px}
.mar15{margin-right: 15px}
.mab5{margin-bottom: 5px}
.mab10{margin-bottom: 10px}
.mab15{margin-bottom: 15px}

.ma5{margin:5px;}
.pd5{padding:5px;}
.pdl5{padding-left:5px;}
.pdr5{padding-right:5px;}

.pdb5{padding-bottom: 5px}
.pdb10{padding-bottom: 10px}
.pdb15{padding-bottom: 15px}


.flex{display:flex}
.f1{flex:1}
.f2{flex:2}
.w100{width: 100%}

.flex.fl{justify-content:flex-start}
.flex.fr{justify-content:flex-end}
.flex.flr{justify-content:space-between}
.flex.flr2{justify-content:space-around}
.flex.flr3{justify-content:center}

.flex.ft{align-items:flex-start}
.flex.fb{align-items:flex-end}
.flex.ftb{align-items:center}
.flex.ftb2{align-items:stretch;}

.flex.fdc{flex-direction:column}
.flex.fdr{flex-direction:row}
.flex.fww{flex-wrap: wrap;}



